<template>
	<view>
		<uni-search-bar placeholder="昵称/消息/ID/文件/姓名/手机" clearButton="auto" focus radius="999em"/>
		<uni-list>
			<uni-list-chat v-for="(msg, idx) in msgs" :key="msg.id" clickable avatarCircle to="../chat/chat"
			:title="msg.nick" :note="msg.msg" :avatar="msg.avatar" :time="msg.time" :badgeText="msg.count"></uni-list-chat>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msgs:[
					{
						id:'1',
						avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
						nick: '小宝贝',
						msg: '哈哈还是上海电话i',
						count: "18",
						time: new Date().toLocaleTimeString(),
					},
					{
						id:'2',
						avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
						nick: '小宝贝',
						msg: '哈哈还是上海电话i',
						count: "18",
						time: new Date().toLocaleTimeString(),
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	
</style>
